.lanren{width:1180px;height:450px;margin:0px auto;margin-bottom:20px;position:relative;}
.lanren ul li{width:106px;height:450px;border-left:1px solid #000;position:relative;overflow:hidden;float:left;}
.lanren ul li .imgTop img{opacity:0.4;}
.lanren ul li .imgTop img.tm{opacity:1;}
.lanren ul li .imgCon{width:538px;height:405px;}
.lanren ul li .imgCen{width:538px;height:50px;background:rgba(0,0,0,0.5);color:#fff;font-size:20px;line-height:50px;position:absolute;left:0px;bottom:45px;text-indent:20px;display:none;}
.lanren ul li .imgBot{width:538px;height:45px;background:#222;}
.lanren ul li .imgBot p.bt_1{width:80px;line-height:45px;font-size:16px;color:#fff;text-indent:20px;float:left;}
.lanren ul li .imgBot p.bt_2{width:458px;height:45px;line-height:45px;float:left;display:none;}
.lanren ul li .imgBot p.bt_2 span{font-size:14px;color:#fff;padding-right:30px;background:url(../images/part2_icon.png)no-repeat left center;padding-left:10px;}
.lanren ul li.first{width:538px;}
.lanren ul li.fast{position:absolute;right:0px;bottom:0px;}
/*----------------------------------------------------------------------*/
.product_list{ background:#FFF; padding:1em;}
.p_m_ul{border:5px solid #D0D0D0;}
.p_m_ul li{ font: normal 1em/3em "Microsoft YaHei"; border-bottom:1px dashed #D0D0D0; padding-left:2em;}
.p_m_ul li:last-child{ border-bottom:none;}
.p_m_ul li a{ margin-left:0.6em;}
.p_m_ul li a:hover{color:#F60;font-weight: bold;text-decoration:underline;}
.hot{color:#F90;font-size:17px;}
/*----------------------------------------------------------------------*/
.product_list_1{ background:#FFF; padding:1em; margin-bottom:1em;}
.list_1_h3{font: normal 1.1em/2.4em "Microsoft YaHei"; border-bottom:2px solid #002635;margin-bottom:.5rem;}
.list_1_h3 span a{ display:block; float:left; padding:0 1em; letter-spacing:1px}
.list_1_h3 span a:hover{ background:#002635; color:#FFF;}
.product_list_1 dl{ float:left; border-right:1px solid #002635; padding-right:38px; margin-right:38px; height:40px; overflow:hidden;}
.product_list_1 dl dt{ width:30px; float:left; font-family:Arial; font-size:42px; padding-top:4px; height:36px; overflow:hidden; line-height:40px;}
.product_list_1 dl dd{ font-size:14px; float:left;}
.hab{background:#002635; color:#FFF;}
.list_1_h3 .a_h3_1{ background:#002635; padding:.9em;color:#FFF;}
.list_1_h3 .a_h3_2{ float:right; font-size: 15px; color:#969696;}
.listview1 {/*border-top: 1px solid #E9E3E3;*/ margin-top:1em;}
.listview1 li{ float:left; width:19.8%; border:#F4F4F4 1px solid;}
.fkqg2 {height: 230px;float: left;position: relative;border-right: 1px solid #E9E3E3;border-bottom:1px solid #E9E3E3;}
/*.fkqg2:nth-child(3n+1){border-left:1px solid #E9E3E3;}*/
.fkqg3{width: 200px;height: 150px;overflow: hidden; margin-left: 0.9em;}
.fkqg3 img {width: 100%;}
.fkqg3 a img{transition: all .3s ease; margin-top:20px;}
.fkqg3 a:hover img{ margin-left:-10px;}
.fname {width:200px;height: 17px;float: left;overflow: hidden; overflow:hidden;padding: 11px 0 6px 0;text-align: center;line-height: 17px; border-bottom:#E2E2E2 1px dashed; margin-left: 0.8em;}
.fname a{ font-size:1em; color:#000;}
.fname a:hover{ color:#002635;}
.fsale{padding:0 .5em; font:.9em/3em "Microsoft YaHei";}
.fsale .span1{ float:left;}
.fsale .span1 b{ color:#F90;}
.fsale .span2{ float:right;}
.fsale .span2 b{ color:#F90;}
/*---------------------------------five liyou---------------------------*/
.ly_list li{ width:17%; padding:1% 1%; margin-left:1%; float:left; text-align:center; font:1em/2em "Microsoft YaHei";}
.ly_list li img{ width:100%;}
.ly_list li a{ color:#000000;}
.ly_list li a:hover{ color:#002635;}
/*---------------------------------liu cheng---------------------------*/
.lc_list li{ width:13.6%; padding:2% 1%; margin-left:1%; float:left; font:0.7em/2em "Microsoft YaHei";}
.lc_list li img{ width: 150px;height: 150px;}
.lc_list li h2{ line-height:2em;}
/*---------------------------------anli---------------------------*/
.fkqg2_anli {height: 230px;float: left;position: relative;border-right: 1px solid #E9E3E3;border-bottom:1px solid #E9E3E3;}
.fkqg3_anli{width: 200px;height: 150px;overflow: hidden; margin-left: 0.9em;}
.fkqg3_anli img {width: 100%;}
.fkqg3_anli a img{transition: all .3s ease; margin-top:20px;}
.fkqg3_anli a:hover img{ margin-left:-10px;}
.fsale_anli{padding:0 .5em; font:.9em/3em "Microsoft YaHei";border-top:#E2E2E2 1px dashed; }
.fsale_anli .span1{ float:left;}
.fsale_anli .span2{ float:right;}
.fsale_anli .span2 b{ color:#F90;}
/*---------------------------------pinpai---------------------------*/
.pinpao_a,.pinpao_b,.pinpao_c{ float:left; margin-left:.6%;}
.pinpao_a h3,.pinpao_b h3{font: bold 1em/2em "Microsoft YaHei"; color:#002635;}
.pinpao_a{ width:57%; border-right:1px solid #DDD; padding-right:.6%;}
.pinpao_a a{color:#F90;}
.pinpao_a p{ text-indent:2em;font: .9em/2em "Microsoft YaHei";}
.pinpao_a .pinpao_ol{ width:100%;}
.pinpao_a .pinpao_ol li{ float:left; width:31%; padding:1%;}
.pinpao_a .pinpao_ol li:first-child{ margin-left:0;}
.pinpao_a .pinpao_ol li a img{ width:100%;}
.pinpao_b{ width:20%;}
.pinpao_b h4{font: bold .9em/2em "Microsoft YaHei"; color:#F90;}
.pinpao_b h5{font:.9em/2em "Microsoft YaHei";}
.pinpao_b p{font: .8em/2em "Microsoft YaHei";}
.boder-b{ border-bottom:#E2E2E2 1px dashed;}
.pinpao_c{ width:20%;}
/*news*/
.xinwen{overflow:hidden; }
.xinwen .xw-1{ width:31%;float:left;padding:10px;overflow:hidden;border-left: 2px solid #E2E2E2;}
.xinwen .xw-1 a{color:#666; line-height:25px; font-size:14px;}
.xinwen .xw-1 a:hover{color:#F90;}
.xinwen .xw-1 dt{font-size:18px; font-weight:bold; margin-bottom:10px;}
.xinwen .xw-1 dt a{ float:right;}
.xinwen .xw-1 dd span{ float:right; color:#666666;}
.xinwen .xw-1 dd b{ color:#F90; font-weight:normal;}
/*Tips url*/
.dibu{padding:0px 0 1px 0;}
.links{ width:1150px;overflow:hidden;margin:0px auto;}
.links span{ font-size:14px; font-weight:bold;color:#666;}
.links span a{ font-size:14px; font-weight:bold;color:#666;}
.links span a:hover{ font-size:14px; font-weight:bold;color:#000;}
.links p{line-height:20px;text-align:left; margin:5px auto;}
.links a{font-size:12px;color:#999;}
.links a:hover{color:#F90;}
.Technological{ padding:1rem 0; background:#002635;}
.Technological li{ width:24.8%; text-align:center; float:left; color:#FFF; border-right:#fff 2px solid;}
.Technological li:last-child{ border-right:none;}
.Technological li h2,.Technological li h3{ font-weight:normal;}
.Technological li h2{ font:1.3rem/2rem "Microsoft YaHei";}
.Technological li h3{ font:1rem/2.5rem "Microsoft YaHei";}
/*�ֲ�ͼ ��ʼ*/
.main_banner{width:100%; height:375px;}
.main_banner_wrap{
width:1180px; height:375px; position:relative; background:#e2e2e2;;
margin:0 auto; overflow:hidden; box-shadow: 0px 1px 2px #c5c5c5;
}
#myCanvas {
display: none;
position: absolute;
z-index: 13;
opacity: 0.8;
cursor: pointer;
-webkit-animation: roll 3s;
animation: roll 3s;
}
@-webkit-keyframes roll {
from{-webkit-transform:rotate(120deg);opacity:0;}
to{-webkit-transform:rotate(0deg);opacity:0.8;}
}
@keyframes roll {
from{transform:rotate(120deg);opacity:0;}
to{transform:rotate(0deg);opacity:0.8;}
}
.banner_btn{ /*a ��ǩ ��ť*/
width:255px; height:240px; position:absolute;
display:block; z-index:9; top:20px;
}
.btn_next{right:20px;}
.banner_btn span{width:50px; height:100px; display:block; position:absolute;
left:110px; top:70px; opacity:0; transition:0.5s;
background:url(../images/bannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:50px; height:100px; display:block;
background:url(../images/bannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-50px 0;}
.banner_btn:hover i{
-webkit-animation:arrow 0.5s infinite alternate ease-in-out;
-moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
from{-webkit-transform:scale(1); opacity:1;}
to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
from{-moz-transform:scale(1); opacity:1;}
to{-moz-transform:scale(1.5); opacity:0.2;}
}
.main_banner_box{
width:1200px; height:280px; margin:40px auto 0; position:relative; z-index:0;
-webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
}
.main_banner_box p#rflt{width:1200px; height:280px; position:absolute; left:0; top:280px;
background:-moz-element(#m_box) no-repeat; -moz-transform:scaleY(-1); opacity:0.2;
}
.main_banner li{
position:absolute; background:#000; overflow:hidden;
box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);
}
.main_banner li#imgCard0{
width:670px; height:280px; z-index:5;
left:255px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
width:580px; height:240px; z-index:1;
left:600px; top:20px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{
width:450px; height:180px; z-index:1;
left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{
width:450px; height:180px; z-index:1;
left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
width:580px; height:240px; z-index:2;
left:0px; top:20px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{
width:100%; height:100%; position:absolute; top:0; left:0;
z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{width:100%; height:50px; position:absolute;
left:0; bottom:-50px; background:rgba(0,0,0,0.7); color:#fff;
text-indent:38px; line-height:50px; font-size:25px;
}
.btn_list{text-align:center; position:relative; left:0; top:6px; z-index:10;}
.btn_list span{
width:15px; height:15px; display:inline-block; margin:15px 5px;
background:#787d82; border-radius:50%; cursor:pointer;
}
.btn_list span.curr{background:#FFAE00;}
/****************************自适应********************************/
@media screen and (max-width: 1200px){
.listview1 li{ float:left; width:19.8%; border: none;}
}
@media screen and (max-width: 1050px){
.listview1 li{ float:left; width:24.8%; border: none;}
.fkqg2 {height: auto;}
.pinpao_a{ width:100%; border-right:none;}
.pinpao_a .pinpao_ol li a img{ width:100%;}
.pinpao_b{ display:none;}
.pinpao_c{ display:none;}
.product_list_1{ width:100%; padding:0px; }
.list_1_h3{ width:98%; padding:0px 5px;}
}
@media screen and (max-width: 850px){
.listview1 li{ float:left; width:33%; border: none;}
.fsale{ display:none;}
.mr{ width:100%;}
.product_list_1{ width:100%;}
.xinwen{ width:100%;}
.xinwen .xw-1{ width:100%;float:left; margin-top:10px; padding:0px; margin-left:auto;overflow:hidden;border-left:none;}
.xinwen .xw-1 dt{ width:98%; padding:0px 1%;}
.xinwen .xw-1 dd{ width:98%; padding:0px 1%;}
.xinwen .xw-1 dd span{ display:none;}
}
@media screen and (max-width: 566px){
.product_list{ display:none;}
.product_list_1{ padding:10px 0px; }
.listview1 { margin-top:0px;}
.listview1 li{ float:left; width:49%; margin-left:1%; border: none;}
.fkqg3{width: 100%; height:125px; margin-left: 0px;}
.fname {width:100%; margin-left:0;}
.fkqg2 {height: auto;}
.pinpao_a .pinpao_ol li{ float:left; width:31%; padding:1%;}
.pinpao_a .pinpao_ol li img{ width:100%; height:65px;}
.list_1_h3{ width:100%; padding:0px;}
.list_1_h3 .a_h3_2{ display:none;}
}